<html>
    <head>
        <title></title>
        <%= stylesheet_link_tag "layout_styles", :media => "all" %>
        <%= stylesheet_link_tag "specified_styles", :media => "all" %>
        <%= stylesheet_link_tag "comments_style", :media => "all" %>

    	<%= javascript_include_tag "prototype", "effects" %>

    </head>
    <body>
        <div id="header">
			<div id="banner">
			            <%= @page_title || "Pragmatic Bookshelf" %>

			</div>
			<!-- Menu -->
			<ul id="menu">
				<li>
				<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
				<dl class="gallery">

					<dt class="one"><a href="../menu/index.html">DEMOS</a></dt>
					<dd><a href="../menu/zero_dollars.html" title="The zero dollar ads page">zero dollars</a></dd>
					<dd><a href="../menu/embed.html" title="Wrapping text around images">wrapping text</a></dd>
					<dd><a href="../menu/form.html" title="Styling forms">styled form</a></dd>
					<dd><a href="../menu/nodots.html" title="Removing active/focus borders">active focus</a></dd>
					<dd><a href="../menu/shadow_boxing.html" title="Multi-position drop shadow">shadow boxing</a></dd>

					<dd><a href="../menu/old_master.html" title="Image Map for detailed information">image map</a></dd>
					<dd><a href="../menu/bodies.html" title="fun with background images">fun with backgrounds</a></dd>
					<dd><a href="../menu/fade_scroll.html" title="fade-out scrolling">fade scrolling</a></dd>
					<dd class="last"><a href="../menu/em_images.html" title="em size images compared">em sized images</a></dd>
				</dl>
				<!--[if lte IE 6]></td></tr></table></a><![endif]-->
				</li>
				<li>
				<!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->

				<dl class="gallery">
					<dt class="two"><a href="index.html">MENUS</a></dt>
					<dd><a href="spies.html" title="a coded list of spies">spies menu</a></dd>
					<dd><a href="vertical.html" title="a horizontal vertical menu">vertical menu</a></dd>
					<dd><a href="expand.html" title="an enlarging unordered list">enlarging list</a></dd>
					<dd><a href="enlarge.html" title="an unordered list with link images">link images</a></dd>
					<dd><a href="cross.html" title="non-rectangular links">non-rectangular links</a></dd>

					<dd><a href="jigsaw.html" title="jigsaw links">jigsaw links</a></dd>
					<dd class="last"><a href="circles.html" title="circular links">circular links</a></dd>
				</dl>
				<!--[if lte IE 6]></td></tr></table></a><![endif]-->
				</li>
			</ul>
			<!-- End of menu-->			
        </div>

		<div id="main">
			<%= @content_for_layout %>
		</div>

</body>
</html>
